<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()
const clanConcilJump = () =>{
  router.push({
    path: '/clanConcil',
  })
}

const clanChatJump = () =>{
  router.push({
    path: '/clanChat',
  })
}
</script>

<template>
  <el-card class="activity-tabs-card">
    <h2 class="section-title mb-4">家族理事会</h2>
    <el-card  h-82 style="max-width: 480px; cursor: pointer" @click="clanConcilJump">
        <img
      alt="nihao"
      style="width: 100%"
    />
    </el-card>
    <h2 class="section-title mb-4 mt-2">家族聊天</h2>
    <el-card  h-82 style="max-width: 480px; cursor: pointer" @click="clanChatJump">
      <img
      alt="nihao"
      style="width: 100%"
    />
    </el-card>
  </el-card>
</template>

<style lang="scss" scoped>
.activity-tabs-card {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
  border: 1px solid #505050;
  padding: 1.2rem;
}

</style>